Dropdown-Menü für die Webseite mit CSS

Untermenü 1

Ein Untermenü besteht zunächst auch nur wieder aus einer unorderd-Liste wie das Hauptmenü. Diese Liste wird in einen Listenpunkt des Hauptmenüs eingebettet. Um das Untermenü später mittels CSS leichter ansprechen zu können, geben wir dem <ul>-Element eine Klasse. Um anzuzeigen, dass ein Untermenü folgt, wird ein kleiner Pfeil eingebettet, bevor das eigentliche Untermenü folgt. in diesem Fall ist es ein Pfeil nach unten, dieser wird durch &#9660; representiert und über <span class ="darrow">&#9660;</span> eingebettet. Dies beim obigen Punkt2 eingebettet sähe dann zum Beispiel folgender Maßen aus:

<li> <a href="#">Punkt2</a>
  <ul class="sub1">
    <span class="darrow">&#9660;</span>
    <li> <a href="#">Punkt2.1</a></li>
    <li> <a href="#">Punkt2.2</a></li>
    <li> <a href="#">Punkt2.3</a></li>
  </ul>
</li>